<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=GlUjAmOMusVFKHklb9yTgllA2PIcGniT&s=1"></script>
  <script src="https://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  <script type="text/javascript">
    $(function () {
      // 页面加载时执行getLocation函数
      window.onload = getLocation;
      if (supportsGeoLocation()) {
        //alert("你的浏览器支持 GeoLocation.");
      } else {
        alert("不支持 GeoLocation.")
      }
      // 检测浏览器是否支持HTML5
      function supportsGeoLocation() {
        return !!navigator.geolocation;
      }
      // 单次位置请求执行的函数
      function getLocation() {
        navigator.geolocation.getCurrentPosition(mapIt, locationError);
      }
      //定位成功时，执行的函数
      function mapIt(position) {
        lon = position.coords.longitude;
        lat = position.coords.latitude;
        // latlon = latlon = lon + "," + lat;
        // console.log(latlon, 'jingweidu');
        // alert("您位置的经度是：" + lon + " 纬度是：" + lat);



        // 创建地理编码（地理解析器）实例
        var myGeo = new BMap.Geocoder();
        // 根据坐标得到地址描述    下面输入坐标。
        myGeo.getLocation(new BMap.Point(lon, lat), function (result) {
          if (result) {
            console.log(result);
            alert(JSON.stringify(result.addressComponents));
          }
        });
      }

      // 定位失败时，执行的函数
      function locationError(error) {
        console.log(error);
        switch (error.code) {
          case error.PERMISSION_DENIED:
            alert("无法定位.");
            break;
          case error.POSITION_UNAVAILABLE:
            alert("位置信息不可用.");
            break;
          case error.TIMEOUT:
            alert("请求超时.");
            break;
          case error.UNKNOWN_ERROR:
            alert("未知错误.");
            break;
        }
      }
    })
  </script>
</head>
<body>

</body>
</html>